<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <title>Reto Frontend Puro</title>
        <link href="../css/normalize.css" rel="stylesheet"/>
        <link href="../css/dark_theme.css" rel="stylesheet"/>
        <link href="../css/search.css" rel="stylesheet"/>
    </head>

    <body>
        <header class="header">
            <nav class="home">
                <a href="#" id="home-link">Reto Frontend Puro</a>
            </nav>
        </header>
        <main class="main">

            <div class="result-info" id="result-info">
                <div id="number-of-results">Reto Frontend Puro</div>
            </div>

            <!-- country item -->
            <div class="country-container">

                <article class="item-box">
                    <div class="item-country country-item">

                        <a class="thumbnail-box" href="#" title="País Name">
                            <div class="thumbnail">
                                <img class="thumbnail-img" alt="&#x20;" src="name.svg">
                                <p class="length">Name</p>
                            </div>
                        </a>

                        <h4 class="title"><a href="#" title="País Name">País Name</a></h4>

                        <address title="País Name"><b><a href="#">Todo sobre Name</a></b></address>

                        <div class="stats horizontal-stats">
                            <span>Información Uno</span>
                            <div class="views">Información Dos</div>
                        </div>
                    </div>
                </article>
            </div>
            <hr/>
            <!-- /country item -->
        </main>
        <footer class="footer">
            <div>
                <a href="https://libregit.org/saravia/reto-frondend-puro.git"
                   rel="noopener noreferrer" target="_blank">
                    Released under the AGPLv3 or later
                </a>
            </div>
            <div>
                <p>This site is Free/Libre Software</p>
            </div>
        </footer>
    </body>

</html>
